<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta charset="utf-8">
		<title>SHTL</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
		<link rel="stylesheet" href="../css/index.css" />
		<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
		<script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
		<script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>	
	</head>
<body>
	<!-- 导航栏 -->
	<div class="row navbar navbar-expand-sm bg-dark navbar-dark fixed-top">
		<div class="col-sm-1"></div>
		<div class="col-sm-4">
			<a class="navbar-brand" href="#">
				<img class="logo" src="../images/logo.png" />
			</a>
		</div>
		<div class="col-sm-4">
			<ul class="navbar-nav">
				<li class="nav-item">
					<h1 class="text_title">SHTL个人网站</h1>
				</li>
			</ul>
		</div>
	  <div class="col-sm-4">
		  <ul class="navbar-nav">
		    <li class="nav-item">
		      <a class="nav-link" href="../index.html">首页</a>
		    </li>
		    <li class="nav-item">
		      <a class="nav-link" href="essay.html">文章</a>
		    </li>
		  		<li class="nav-item">
		  		  <a class="nav-link" href="video.html">视频</a>
		  		</li>
		  		<li class="nav-item">
		  		  <a class="nav-link" href="blog.html">博客</a>
		  		</li>
		  		<li class="nav-item">
		  		  <a class="nav-link" href="#" style="color: white;font-weight: bold;">关于</a>
		  		</li>
		  </ul>
	  </div>
	  <div class="col-sm-1"></div>
	</div>
	<!-- 内容模块 -->
	<div id="text" class="container-fluid">		
		<ul class="nav nav-tabs">
		  <li class="nav-item">
		    <a class="nav-link active" data-toggle="tab" href="#dingWei">定位</a>
		  </li>
		  <li class="nav-item">
		    <a class="nav-link" data-toggle="tab" href="#huaBan">网页特效-花瓣</a>
		  </li>		
		 <li class="nav-item">
		   <a class="nav-link" data-toggle="tab" href="#xingXing">网页特效-星星跟随</a>
		 </li>
		 <li class="nav-item">
		   <a class="nav-link" data-toggle="tab" href="#yanHua">网页特效-烟花</a>
		 </li>
		 <li class="nav-item">
		   <a class="nav-link" data-toggle="tab" href="#about">关于本站</a>
		 </li>
		 <li class="nav-item">
		   <a class="nav-link" data-toggle="tab" href="#lianXi">联系站长</a>
		 </li>
		</ul>
		<div id="myTabContent" class="tab-content">
<!-- 定位 -->
		  <div class="tab-pane fade active show" id="dingWei">
			  <iframe frameborder="0" src="../utilshtml/location.html" style="width: 100%;height: 800px;border:1px #000 solid;margin:20px auto;"></iframe>
		  </div>
		  
		  <div class="tab-pane fade" id="huaBan">
		  	  <iframe frameborder="0" src="../utilshtml/huaBan.html" style="width: 100%;height: 800px;border:1px #000 solid;margin:20px auto;"></iframe>
		  </div>
		  
		  <div class="tab-pane fade " id="xingXing">
		  	  <iframe frameborder="0" src="../utilshtml/xingXing.html" style="width: 100%;height: 800px;border:1px #000 solid;margin:20px auto;"></iframe>
		  </div>
		  
		  <div class="tab-pane fade " id="yanHua">
		  	  <iframe frameborder="0" src="../utilshtml/yanHua.html" style="width: 100%;height: 800px;border:1px #000 solid;margin:20px auto;"></iframe>
		  </div>
		  
		  <div class="tab-pane fade " id="about">
		  	  <!-- 关于本站 -->
			  <iframe frameborder="0" src="../utilshtml/about_txt.html" style="width: 100%; height: 750px;"></iframe>
		  </div>

		  <div class="tab-pane fade " id="lianXi">
			  <!-- 联系站长 -->			  
			  <div style="width: 100%;height: 750px;background-color: #e9ecef;text-align: center;">
				  <br /><br /><br /><br /><br /><br />
				  <h1 class="display-3">联系站长</h1>
				  <hr class="my-4">
				  <p class="lead" style="font-weight: bold;">联系方式</p>
				  <p>邮件地址 ： 834604860@qq.com</p>
				  <a style="background-color: #2b2d42;color: white;border: none;" class="btn btn-primary btn-lg" href="mailto:834604860@qq.com?subject=联系站长&subject=SHTL联系站长">发送邮件</a>
				  <br /><br /><br />
				  <p>微博名称 ： SHTLLS</p>
				  <a target="_blank" style="background-color: #2b2d42;color: white;border: none;" class="btn btn-primary btn-lg" href="https://weibo.com/u/6061205195?is_all=1">新浪微博</a>
				  
			  </div>
		  </div>
		  		  
		</div>

	</div>
	
	<!-- 底部版权信息栏 -->
	<div class="footer">
		<p>生死看淡&nbsp;&nbsp;&nbsp;&nbsp;●&nbsp;&nbsp;&nbsp;&nbsp;不服就干&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;SHTL版权所有</p>
	</div>
</body>
</html>
